<template>
  <el-dialog
    :visible.sync="dialogVisible"
    width="800px"
    :before-close="handleClose"
    :close-on-click-modal="false"
    append-to-body
    title="服务介绍"
    center
  >
    <div style="font-size: 14px; color: #999; text-align: right">
      {{ info.created_at }}
    </div>
    <div style="line-height: 1.6; min-height: 50vh" v-html="info.intro"></div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      info: {
        title: "",
      },
      dialogVisible: false,
    };
  },

  methods: {
    show(row) {
      this.info = row;
      this.dialogVisible = true;
    },

    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

<style></style>
